<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="./css/index7.css" />
    <title>会员储值</title>
  </head>
  <body>
    <div class="main">
      <div class="box"><img src="./images/状态栏.png" alt="" /></div>
      <div class="box1">
        <div class="le">
          <a href=""><img src="./images/左箭头.png" alt="" /></a>
        </div>
        <div class="left">会员储值</div>
        <div class="right"><img src="./images/关闭.png" alt="" /></div>
      </div>
    </div>
    <div class="nendian">
      <span>当前门店:</span>
      <select>
        <option value="1">选择门店</option>
      </select>
    </div>
    <div class="yuer">
      <div>
        <p>账户余额<span>0</span></p>
        <p><a href="#">交易记录 ></a></p>
      </div>
      <div><img src="./images/编组 4.svg" alt="" /></div>
    </div>
    <div class="pro">
      <div class="top">
        <div class="top1">PRO会员礼包</div>
        <div class="top3">限时特惠</div>
        <div></div>
      </div>
      <div class="bottom">
        <div class="bottom1">
          储500送550
          <p>惠</p>
        </div>
        <div class="bottom2">
          储1000送1150
          <p>惠</p>
        </div>
        <div class="bottom3">
          储1500送1700
          <p>惠</p>
        </div>
        <div class="bottom4">
          储2000送2300
          <p>惠</p>
        </div>
        <div class="bottom5">
          储3000送3500
          <p>惠</p>
        </div>
        <div class="bottom6">
          储4000送4750
          <p>惠</p>
        </div>
      </div>
    </div>
    <div class="shuoming">
      <div class="illustrate1">使用说明</div>
      <div class="illustrate2">
        <p>1.储值成功后，不可退款，请根据自己的消费情况充值。</p>
        <p>2.储值余额不可提现，不可转移，转赠。</p>
        <p>
          3.储值不累计会员成长值与积分，消费时以实际支付金额 
          累计会员成长值，积分。
        </p>
        <p>4.储值余额可在所属充值门店消费使用。</p>
      </div>
    </div>
    <div class="footer1">
      购买
      </div>
      <div class="bot">
        <input type="radio" />
        <span> 我已阅读并同意 </span>
        <span> 《LMOR会员储值协议》 </span>
      </div>
    <script src="./js/flexible.js"></script>
  </body>
</html>
